<%
    m_msg = {}
    m_msg['index'] = [u'広島の家づくりに必要な全ての情報をお届けするために・・・',u'広島在住のサイト運営スタッフが選びました！']
    m_msg['builder'] = [u'地元工務店２２社の紹介を読んでは見たけれど・・・',u'インターネットだけでは伝わらない、<br>２２社の違いをもっと比較できます。']
    m_msg['house'] = [u'サイトでは紹介されていない施工事例があります。',u'広島の工務店で建てた施工事例<br>１００種類以上がまとめて手に入る！']
    m_msg['event'] = [u'いよいよ目で確かめるとき・・・',u'イベント参加の前に、工務店のチェックポイントを予習できます。']
    m_msg['osusume'] = [u'あなたにぴったりの物件とは？',u'物件を選ぶときは、資金計画やインテリアのイメージも大切です。']

    h3 = ""
    h2 = ""

    if post :
        if m_msg.has_key(post.article.type.prefix):
            h3 = m_msg[post.article.type.prefix][0]
            h2 = m_msg[post.article.type.prefix][1]
        else:
            h3 = m_msg['index'][0]
            h2 = m_msg['index'][1]
    else:
        if m_msg.has_key(id):
            h3 = m_msg[id][0]
            h2 = m_msg[id][1]
        else:
            h3 = m_msg['index'][0]
            h2 = m_msg['index'][1]
%>
<div id="bigfooter"><!-- bigfooter -->

    <div class="backcolor">
    <div class="outer">
        <div class="color"></div>
        <div class="cover"></div>
    </div>
    </div>

    <!-- まるわかりキット -->
    <a class="bookmark" name="maruwakari" title="まるわかりキット"></a>
    <section id="maruwakari_header">
    <hgroup>
    <h3>${h3}</h3>
    <h2>${h2}</h2>
    </hgroup>
    <div class="backcolor">
    <div class="outer">
        <div class="color"></div>
        <div class="cover"></div>
    </div>
    </div>
    </section>

    <section id="maruwakari">
    <div class="row">    
    <div id="kitt" class="fourfifth centered">
    <div class="row kitttop">
    <div class="twofifth">
        <h4>何から始めていいか困っていませんか？</h4>
            <p class="kitt_logo">
                <img alt="注文住宅" src="/common/img/index/kitt_logo.png">
            </p>
            <h5>まるわかりキット<br>お届けします。</h5>
            <div class="text">
                <strong>こんな方にぴったり。</strong>
                <ul>
                    <li>「手っ取り早く地元の工務店について知りたい」</li>
                    <li>「サイトを見ている時間がない」</li>
                    <li>「注文住宅以外に、ローンや引越し準備も心配」</li>
                </ul>
            </div>
    </div>
    <div class="ph threefifth" data-paneo-type="background" data-paneo-name="maruwakarikitt" title="ぜーんぶセットでしかも無料。" data-paneo-background-url="" id="maruwakarikitt">
        <!--img src="/common/paneoimg.js/463x310" alt="ぜーんぶセットでしかも無料。"-->
        <h3>ぜーんぶセットでしかも無料。</h3>
        <dl>
        <dt>item 1</dt>
        <dd>地元工務店20社以上のカタログ</dd>
        <dt>item 2</dt>
        <dd>インテリア・ローン・保険などの関連資料</dd>
        <dt>item 3</dt>
        <dd>自由に選べるお役立ちアイテム</dd>
        </dl>
    </div><!--ph-->
    </div><!-- row -->
    <div class="kitt3">
    <div class="row">
    <div class="twothird centered">
        <h3>広島の注文住宅まるわかりキット3つの違い！</h3>
        <ul class="block-three">
            <li>
                <b>1</b>
                <p class="text">
                 自分で1つずつ<br />集める
                 <strong>手間が<br />ありません。</strong>
                 <span>準備に必要な情報を網羅したセットがたった1回の資料請求で全て手に入ります。</span>
                </p>
            </li>
            <li>
                <b>2</b>
                <p class="text">
                <strong>注文住宅を<br />建てた人</strong>が<br />厳選しました。
                <span>あらかじめ知っておいたらバタつかなかった…という反省から選んだキット内容です。</span>
                </p>
            </li>
            <li>
                <b>3</b>
                <p class="text">
                 これまで<br />
                 <strong>200名</strong>
                 の方に<br />お届けしています。
                 <span>広島で注文住宅を検討中の方から圧倒的な支持を受けるセットです。</span>
                </p>
           </li>
        </ul>
        </div><!-- twothird -->
    </div><!-- row -->
        <div class="otoriyose">
            <figure class="paneoimg">
            <a href="/forms/formmail_maruwakarikit.html"><img alt="注文住宅まるわかりキット。お取り寄せはここをクリック" src="/common/img/index/kitt_banner.png"/></a>
            </figure>
        </div>
    </div><!-- kitt3 -->

</div><!-- row -->

</section>
<!-- END まるわかりキット -->    

<!-- オススメ書籍&グッズ -->
<a name="present" class="bookmark" title="オススメ書籍"></a>
<% article = AT.GetArticle('present') %>
    <div class="row">
    <div class="fourfifth centered">
<section id="present">

<h3>${article.header}</h3>
<!--p>
${article.lead}
</p-->
<ul class="block-six centered">
%for contents in article.GetPostsByUpdated(10) :
<li>
<figure class="ph paneoimg">
<a  href="/article/${contents.slug}.html">
<img src="/common/img/${ contents.slug }.jpeg"/>
</a>
<figure>
<h4>${ contents.title[:15] }..</h4>
    %if len(contents.GetField('text1')) > 20 :
    <h5>${ contents.GetField('text1') [:20]} ...</h5>
    %else :
    <h5>${ contents.GetField('text1') }</h5>
    %endif
<div class="present">
<form name="MARUWAKARI" method="POST" action="/session_redirect/">
<input type="hidden" name="URL" value="/forms/formmail_maruwakarikit.html">
<input type="hidden" name="TARGET" value="MARUWAKARI">
<input type="hidden" name="PRESENT_ID" value="${ contents.id }"/>
<button  class="link">プレゼントに申し込む</button>
</form>
</li>
%endfor
</ul>
</section><!-- #present -->

<div class="present_banner">
    <figure class="paneoimg">
    <a href="/forms/formmail_maruwakarikit.html"><img alt="サイトリニューアル特典 マックカード or QUOカード 1,000円分プレゼント" src="/common/img/index/present_banner.png"/></a>
    </figure>
</div>

</div><!-- fourfifth -->

</div><!-- row -->



    <!-- カタログ -->
    <a name="catalog" class="bookmark" title="住宅カタログ"></a>
    <% article = AT.GetArticle('catalog') %>
    <section id="catalog">
    <h2>${article.header}</h2>
    <p class="catch">
    ${article.lead}
    </p>
    <ul class="grid-b">
    <li class="title item">
    <b>&nbsp;</b>
    <div><p class="icon"><figure class="paneoimg"><img src="/common/img/catalog_title.png"></figure></p></div>
    <h4>カタログリスト</h4>
    <p>100棟を超える広島の注文住宅施工事例集です。</p>
    </li>
    %for contents in article.GetPostsByUpdated(44):
    <li class="item cat">
    <b>&nbsp;</b>
    <figure class="paneoimg">
    <a href="/forms/formmail_maruwakarikit.html">
    ${ contents.GetImageTag('catalog_pic1','240x209') } 
    </a>
    <figcaption>
    <% posts = AT.GetPostsByKey('builder',str(contents.key)) %>
    %for c in posts:
    <h3>${ c.GetField('name') }</h3>
    %endfor
    <h4>${ contents.title }</h4>
    </li>
    %endfor
    </ul>
    </section>
    <!-- #catalog -->

    </section><!-- soogokan-list -->
<br>
</div><!-- bigfooter -->
